<style scoped>

</style>
<template>
  <Card>
    <h4 slot="title">
      time
    </h4>

       <LockDatePicker
        size="default"
        format="yyyy-MM-dd"
        placement="left-start"
        transfer
        placeholder="选择日期"
        v-model="day"
      ></LockDatePicker>
      <div>{{day}}</div>


      <LockDatePicker
        type='daterange'
        size="default"
        format="yyyy/MM/dd"
        transfer
        placeholder="选择日期"
        :startTime.sync='range.start'
        :endTime.sync='range.end'
      ></LockDatePicker>
      <div>{{range}}</div>

      <PreDatePicker
        format="yyyy_MM_dd"
        :style='{width: "240px"}'
        :startTime.sync='range.start'
        :endTime.sync='range.end'
      >
      </PreDatePicker>
      
  </Card>
</template>
<script>
import LockDatePicker from './index' 
import PreDatePicker from './preTime'

export default {
  components: {LockDatePicker, PreDatePicker},
  data(){
    return{
      day: '2019-11-12',
      range: {
        start: '2016/01/01',
        end: '2016/02/15',
      }
    }
  }
}
</script>
